<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>个人信息</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/jquerysession.js"></script>
    <link href="./css/bootstrap.min.css" rel="stylesheet" type="text/css">
    <link href="./css/bootstrap-theme.min.css" rel="stylesheet" type="text/css">

</head>
<body>
<div class="container">
    <div id="myNavbar" class="container">

    </div>

    <div class="container">
        <div class="jumbotron" style="background: url('./images/bg_subInfo.jpg')">
            <h1>个人信息</h1>
            <br><br>
            <p><a class="btn btn-warning btn-lg" data-toggle="modal"
                  data-target="#modalPsw">修改密码</a></p>
            <p><a class="btn btn-primary btn-lg" role="button" data-toggle="modal"
                  data-target="#modalInfo">修改信息</a></p>
        </div>
    </div>
</div>

<!-- 模态框-修改密码 -->
<div class="modal fade" id="modalPsw" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>
                <h4 class="modal-title"> 修改密码 </h4>
            </div>
            <div class="modal-body">
                <p><input type="password" class="form-control" id="modalPsw_pswOld" placeholder="旧密码"></p>
                <p><input type="password" class="form-control" id="modalPsw_pswNew" placeholder="新密码"></p>
                <p><input type="password" class="form-control" id="modalPsw_pswNew2" placeholder="重复新密码"></p>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="modalPsw_submit"> 提交更改</button>
            </div>
        </div>
    </div>
</div>

<!-- 模态框-修改信息 -->
<div class="modal fade" id="modalInfo" tabindex="-1" role="dialog" aria-labelledby="myModalLabel"
     aria-hidden="true"
     style="display: none;">
    <div class="modal-dialog ">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true"> ×</button>
                <h4 class="modal-title"> 修改信息 </h4>
            </div>
            <div class="modal-body">
                <p>账号：<span id="modalInfo_textAccount"></span></p>
                <ul>
                    <p>修改姓名：</p>
                    <p><input type="text" class="form-control" id="modalInfo_textName"></p>
                </ul>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary" id="modalInfo_btnSubmit"> 提交更改</button>
            </div>
        </div>
    </div>
</div>
</body>
<script type="text/javascript" , src="js/scriptMyNavbar.js"></script>
<script type="text/javascript" src="js/scriptPersonal.js"></script>
</html>